// Funcion para cerrar el div
function cerrarDIV(id){
    element = document.getElementById(id);
    element.parentNode.removeChild(element);
}
// Funcion para cerrar el div sin hacer commit
function cerrarDIVsinSubmit(id){
    element = document.getElementById(id);
    element.parentNode.removeChild(element);
}
// Dues funcions per mostrar tots els usuaris disponibles per event PUBLIC
function habilitaNoms(mail){
    //alert(mail);
    if(document.getElementById('tipusEvent').value == 'Públic'){
       // Caso de elecció pública, mostrem array de mails

        var peticion_http = null;
        if(window.XMLHttpRequest) peticion_http = new XMLHttpRequest();
        else if(window.ActiveXObject) peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
        peticion_http.onreadystatechange = getDisponibilitatContacto;

        peticion_http.open("POST", "../projecte-sintesi-dani-victor/site_media/php/mostrar_users.php", true);
        peticion_http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");   
        peticion_http.send("mail="+mail);
        
    }
    else document.getElementById('invitats').style.display = "none";
    
     function getDisponibilitatContacto() {   
        if(peticion_http.readyState == 4 && peticion_http.status == 200 ) {              
            miArrayDeMails =  eval("(" + peticion_http.responseText + ")");
            if(miArrayDeMails.length >= 1 ){
                cbh = document.getElementById('invitats');
                cbh.innerHTML = "";
                cbh.style.display = "block";
                cbh.innerHTML = "<h2>Escull invitats a l'event</h2>";
                for(i=0;i< miArrayDeMails.length;i++){
                     var cb = document.createElement('input');
                     cb.type = 'checkbox';
                     cb.name = "checkbox_invitats";
                     cb.setAttribute("onClick", "changeValueHidden();");                    
                     cb.value = miArrayDeMails[i];
                     cb.id = miArrayDeMails[i];
                     cbh.appendChild(cb);
                     cbh.innerHTML += miArrayDeMails[i] + "<br>";                  
                }
            }
        }
    }
}

function habilitaNoms2(mail, id){
    //alert(mail+" - "+id);
    if(document.getElementById('tipusEvent').value == 'Públic'){
       // Caso de elecció pública, mostrem array de mails

        var peticion_http = null;
        if(window.XMLHttpRequest) peticion_http = new XMLHttpRequest();
        else if(window.ActiveXObject) peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
        peticion_http.onreadystatechange = getDisponibilitatContacto;

        peticion_http.open("POST", "../projecte-sintesi-dani-victor/site_media/php/mostrar_users_editar.php", true);
        peticion_http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");   
        peticion_http.send("mail="+mail+"&idevent="+id);
        
    }
    else document.getElementById('invitats').style.display = "none";
    
    function getDisponibilitatContacto() {
        if(peticion_http.readyState == 4 && peticion_http.status == 200 ) { 
            miArrayDeMails =  eval("(" + peticion_http.responseText + ")");
            if(miArrayDeMails.length >= 1 ){             
                cbh = document.getElementById('invitats');
                cbh.innerHTML = "";
                cbh.style.display = "block";
                cbh.innerHTML = "<h2>Invitats a l'event</h2><ul>";
                for(i=0;i< miArrayDeMails.length;i++){
                    var cb = document.createElement('li');
                    cb.setAttribute("style", "list-style-type: none;");
                    miOpcion = miArrayDeMails[i].split('-');
                    //alert (miOpcion[1]);
                     
                    switch (miOpcion[1]){
                        case '0'://
                            var texto = miOpcion[0] + "  No ha acceptat";
                            var cbtext = document.createTextNode(texto);
                            cb.appendChild(cbtext);
                            var cbinput = document.createElement('input');
                            cbinput.setAttribute("type", "button");
                            cbinput.setAttribute("value", "Eliminar");
                            cbinput.setAttribute("onclick", "eliminarInvitat('"+miOpcion[0]+"', '"+id+"', '"+mail+"');");
                            var breaking =document.createElement('br');
                            cb.appendChild(breaking);
                            cb.appendChild(cbinput);                                
                            cbh.appendChild(cb);
                            
                            break;
                            
                        case '1':
                            var texto = miOpcion[0] + "  Ha acceptat";
                            var cbtext = document.createTextNode(texto);
                            cb.appendChild(cbtext);
                            var cbinput = document.createElement('input');
                            cbinput.setAttribute("type", "button");
                            cbinput.setAttribute("value", "Eliminar");
                            cbinput.setAttribute("onclick", "eliminarInvitat('"+miOpcion[0]+"', '"+id+"', '"+mail+"');");
                            var breaking =document.createElement('br');
                            cb.appendChild(breaking);
                            cb.appendChild(cbinput);
                            cbh.appendChild(cb);
                            
                            break;
                            
                        case '2':
                            var texto = miOpcion[0] + "  No ha estat invitat";
                            var cbtext = document.createTextNode(texto);
                            cb.appendChild(cbtext);                              
                            var cbinput = document.createElement('input');
                            cbinput.setAttribute("type", "button");
                            cbinput.setAttribute("value", "Invitar");
                            cbinput.setAttribute("onclick", "invitarInvitat('"+miOpcion[0]+"', '"+id+"', '"+mail+"');");
                            var breaking =document.createElement('br');
                            cb.appendChild(breaking);
                            cb.appendChild(cbinput);
                            cbh.appendChild(cb);
                            
                            break;
                     }
                }
                cbh.innerHTML += "</ul>"
            }
        }
    }
}

function eliminarInvitat(emaileliminar, idevent, mailduenyo) {
    //alert(emaileliminar+" - "+idevent);
    
    var peticion_http = null;
    if(window.XMLHttpRequest) peticion_http = new XMLHttpRequest();
    else if(window.ActiveXObject) peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
    peticion_http.onreadystatechange = confirmacioEliminar;


    peticion_http.open("POST", "../projecte-sintesi-dani-victor/site_media/php/eliminar_invitat_event.php", false);
    peticion_http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");   
    peticion_http.send("emaileliminar="+emaileliminar+"&idevent="+idevent);
    
    function confirmacioEliminar() {
        if(peticion_http.readyState == 4 && peticion_http.status == 200 ) {
            //alert(peticion_http.responseText);
            location.reload();
            //habilitaNoms2(mailduenyo, idevent);
        }
    }
}

function invitarInvitat(email_invitat, id_event, email_propietari) {
    var peticion_http = null;
    if(window.XMLHttpRequest) peticion_http = new XMLHttpRequest();
    else if(window.ActiveXObject) peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
    peticion_http.onreadystatechange = confirmacioInvitar;


    peticion_http.open("POST", "../projecte-sintesi-dani-victor/site_media/php/invitar_invitat_event.php", false);
    peticion_http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");   
    peticion_http.send("email_invitat="+email_invitat+"&id_event="+id_event+"&email_propietari="+email_propietari);
    
    function confirmacioInvitar() {
        if(peticion_http.readyState == 4 && peticion_http.status == 200 ) {
            //alert(peticion_http.responseText);
            location.reload();
            //habilitaNoms2(email_propietari, email_invitat);
        }
    }
}

// Funcio per insertar el valor al camp hidden
function changeValueHidden(){
    var string_invitats = null;
    document.getElementById("checkbox_invitats_string").value  = "";
    var ref_invitats = document.getElementsByName("checkbox_invitats");
    for(var i = 0; i<ref_invitats.length; i++) {
        if(ref_invitats[i].checked) {
            if(string_invitats == null) string_invitats = ref_invitats[i].value;
            else string_invitats += ","+ref_invitats[i].value;
            //alert(ref_invitats[i].value);
        }
    }
    document.getElementById("checkbox_invitats_string").value = string_invitats;
     
}

// Funcions per revisar els camps de div event
function revisaCamps(){
    var estat = true;
    /* Els mirem u per u, es podia fer amb un array,... */
    /* Primer mirem si estan buits els elements del formulari */

    /* DATA */
    if(document.getElementById('Data').value == "") {
        actual = document.getElementById('Data');
        miSpan=document.createElement("span");
        miSpan.setAttribute("style","color:red");
        miText = document.createTextNode(" * La data es obligatoria");
        miSpan.appendChild(miText);
        document.getElementById('label'+document.getElementById('Data').id).innerHTML = "";
        document.getElementById('label'+document.getElementById('Data').id).appendChild(miSpan);
        document.getElementById('Data').style.background = "red";
        estat = false;
    }
    else {
        document.getElementById('label'+document.getElementById('Data').id).innerHTML = document.getElementById('Data').id +  " :";
        document.getElementById('Data').style.background = "#cfea7f";
    }
    
    /* Hora inici */
    if(document.getElementById('horaInici').value == "") {
        actual = document.getElementById('horaInici');
        miSpan=document.createElement("span");
        miSpan.setAttribute("style","color:red");
        miText = document.createTextNode(" * La hora inici es obligatoria");
        miSpan.appendChild(miText);
        document.getElementById('label'+document.getElementById('horaInici').id).innerHTML = "";
        document.getElementById('label'+document.getElementById('horaInici').id).appendChild(miSpan);
        document.getElementById('horaInici').style.background = "red";
        estat = false;
    }
    else {
        document.getElementById('label'+document.getElementById('horaInici').id).innerHTML =  "Hora inici:";
        document.getElementById('horaInici').style.background = "#cfea7f";
    }
    
    /* Hora finalitzacio */
    if(document.getElementById('horaFi').value == "") {						
        actual = document.getElementById('horaFi');
        miSpan=document.createElement("span");
        miSpan.setAttribute("style","color:red");
        miText = document.createTextNode(" * La hora fi es obligatoria");
        miSpan.appendChild(miText);
        document.getElementById('label'+document.getElementById('horaFi').id).innerHTML = "";
        document.getElementById('label'+document.getElementById('horaFi').id).appendChild(miSpan);
        document.getElementById('horaFi').style.background = "red";
        estat = false;
    }
    else {
        document.getElementById('label'+document.getElementById('horaFi').id).innerHTML =  "Hora fi:";
        document.getElementById('horaFi').style.background = "#cfea7f";
    }

    /* Nom Event */
    if(document.getElementById('nomEvent').value == "") {						
        actual = document.getElementById('nomEvent');
        miSpan=document.createElement("span");
        miSpan.setAttribute("style","color:red");
        miText = document.createTextNode(" * La nom event és obligatori");
        miSpan.appendChild(miText);
        document.getElementById('label'+document.getElementById('nomEvent').id).innerHTML = "";
        document.getElementById('label'+document.getElementById('nomEvent').id).appendChild(miSpan);
        document.getElementById('nomEvent').style.background = "red";
        estat = false;
    }
    else {
        document.getElementById('label'+document.getElementById('nomEvent').id).innerHTML =  "Nom event :";
        document.getElementById('nomEvent').style.background = "#cfea7f";
    }

    /* Motiu event */
    if(document.getElementById('textEvent').value == "") {						
        actual = document.getElementById('textEvent');
        miSpan=document.createElement("span");
        miSpan.setAttribute("style","color:red");
        miText = document.createTextNode(" * Comentari sobre l'event és obligatori");
        miSpan.appendChild(miText);
        document.getElementById('label'+document.getElementById('textEvent').id).innerHTML = "";
        document.getElementById('label'+document.getElementById('textEvent').id).appendChild(miSpan);
        document.getElementById('textEvent').style.background = "red";
        estat = false;
    }
    else {
        document.getElementById('label'+document.getElementById('textEvent').id).innerHTML =  "Motiu event :";
        document.getElementById('textEvent').style.background = "#cfea7f";
    }
    
     /* Comparem hora INICI amb hora FI */
    if(estat)estat  = comparaHores(document.getElementById('horaInici').value, document.getElementById('horaFi').value); 

    if(estat) setCampos();
    else return false;
}

function setCampos() {
    var Data = document.getElementById("Data").value;
    var horaInici = document.getElementById("horaInici").value;
    var horaFi = document.getElementById("horaFi").value;
    var nomEvent = document.getElementById("nomEvent").value;
    var textEvent = document.getElementById("textEvent").value;
    
    var categoria = null;
    if(document.getElementById("tipusEvent").options[document.getElementById("tipusEvent").selectedIndex].value == "No") categoria = "Privat";
    else categoria = "Públic";
    //alert(Data+" - "+horaInici+" - "+horaFi+" - "+nomEvent+" - "+textEvent+" - "+categoria);
    
    document.getElementById("Data_editar").value = Data;
    document.getElementById("horaInici_editar").value = horaInici;
    document.getElementById("nomEvent_editar").value = nomEvent;
    document.getElementById("horaFi_editar").value = horaFi;
    document.getElementById("textEvent_editar").value = textEvent;
    document.getElementById("categoria_editar").value = categoria;    
    
    return true;
}

/*Comparem hora inici amb hora fi*/
function comparaHores(sHora2, sHora1) {
    var arHora1 = sHora1.split(":"); 
    var arHora2 = sHora2.split(":"); 
     
    // Obtener horas y minutos (hora 1) 
    var hh1 = parseInt(arHora1[0],10); 
    var mm1 = parseInt(arHora1[1],10); 

    // Obtener horas y minutos (hora 2) 
    var hh2 = parseInt(arHora2[0],10); 
    var mm2 = parseInt(arHora2[1],10); 

    // Comparar 
    if (hh1<hh2 || (hh1==hh2 && mm1<mm2)){
        actual = document.getElementById('horaFi');
        miSpan=document.createElement("span");
        miSpan.setAttribute("style","color:red");
        miText = document.createTextNode(" * La hora fi major que la hora inici.");
        miSpan.appendChild(miText);
        document.getElementById('label'+document.getElementById('horaFi').id).innerHTML = "";
        document.getElementById('label'+document.getElementById('horaFi').id).appendChild(miSpan);
        document.getElementById('horaFi').style.background = "red";
        return false;
    } 
        
    else if (hh1>hh2 || (hh1==hh2 && mm1>mm2)) return true; 
    else return true; 
}